import React from 'react'
import { Row, Col, Table, Tag, Space } from 'antd'
import '../../../assets/scss/lzy/vipusername/vipusernamelist.scss'
import {getListAPI} from '../../../http/lzy/api'
import { useEffect, useState } from 'react'

const columns = [
  {
    title: '用户编号',
    dataIndex: 'id',
    align: 'center',
    width: '10%',
    key: 'id',
    
  },
  {
    title: '姓名/公司名称',
    dataIndex: 'name',
    align: 'center',
    width: '10%',
    key: 'name',
    
  },
  {
    title: '手机/用户名',
    dataIndex: 'phone',
    key: 'phone',
  
  },
  {
    title: '借款人邮箱',
    key: 'email',
    align: 'center',
    dataIndex: 'email',
    
  },
  {
    title: '锁定状态',
    key: 'state',
    align: 'center',
    dataIndex: 'state',
    
  },  
  {
    title: '注册时间',
    key: 'time',
    align: 'center',
    dataIndex: 'time',
   
  }, 
  {
    title: '最近登录',
    key: 'loginTime',
    align: 'center',
    dataIndex: 'loginTime',
  
  },  
  {
    title: '用户来源',
    key: 'coming',
    dataIndex: 'coming',
  
  },
  {
    title: '操作',
    key: 'action',
    align: 'center',
    render: (text, record) => (
      <Space size="middle">
        <a>查看资料</a>
        <a>密码管理</a>
      </Space>
    ),
  },
];

// const data = [
//   {
//     key: '1',
//     id: '202009081010',
//     name: '陈欣欣',
//     phone: '13800009999',
//     email: '123@123.com',
//     state: '正常',
//     time: '2020-09-08',
//     loginTime: '2020-09-08 10:10',
//     coming: '管理员新增'
//   },
//   {
//     key: '2',
//     id: '202009081010',
//     name: '上海新耀体育',
//     phone: '13800009999',
//     email: '123@123.com',
//     state: '锁定',
//     time: '2020-09-08',
//     loginTime: '2020-09-08 10:10:10',
//     coming: '管理员新增'
//   },
//   {
//     key: '3',
//     id: '202009081010',
//     name: '陈欣欣',
//     phone: '13800009999',
//     email: '123@123.com',
//     state: '正常',
//     time: '2020-09-08',
//     loginTime: '2020-09-08 10:10',
//     coming: '管理员新增'
//   },
// ];

export default function VipusernameList() {
    const [data,setData] = useState(0)
    useEffect(() => {
      getListAPI()
      .then(res => {
        console.log(res.data);
        setData(res.data)
      })
      .catch ( err => {
        console.log(err);
      })
    },[])
    return (
        <>
            <Row>
                <Col span={24}>
                <Table columns={columns} dataSource={data} className="vip-username-List"/>
                </Col>
            </Row>
        </>
    )
}
